<template>
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 64 64"
    fill="none"
    :style="{ backgroundColor: `var(--bg-color-card)` }"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M22.5713 12C26.9064 12 30.403 11.9999 33.2345 12.2313C36.1499 12.4695 38.7106 12.9727 41.0798 14.1799C44.843 16.0973 47.9027 19.1569 49.8201 22.9202C51.0273 25.2894 51.5305 27.8501 51.7687 30.7655C52.0001 33.5969 52 37.0934 52 41.4283V41.4287V64H48V41.6C48 32.6392 48 28.1587 46.2561 24.7362C44.7221 21.7256 42.2744 19.2779 39.2638 17.7439C35.8413 16 31.3608 16 22.4 16H0V12L22.5712 12H22.5713Z"
      fill="url(#paint0_linear_23800_66330)"
    />
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M32 46C39.732 46 46 39.732 46 32C46 28.2168 44.5021 24.7877 42.0626 22.2664C39.5149 19.6332 35.9499 18 32 18C24.268 18 18 24.268 18 32C18 39.732 24.268 46 32 46ZM32 48C40.8366 48 48 40.8366 48 32C48 27.6773 46.2858 23.7549 43.5 20.8757C40.5911 17.8692 36.5138 16 32 16C23.1634 16 16 23.1634 16 32C16 40.8366 23.1634 48 32 48Z"
      fill="url(#paint1_linear_23800_66330)"
    />
    <defs>
      <linearGradient id="paint0_linear_23800_66330" x1="47" y1="17.5" x2="24.5" y2="40" gradientUnits="userSpaceOnUse">
        <stop stop-color="#0062FF" />
        <stop offset="1" stop-color="#00C3FF" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_23800_66330"
        x1="22.5"
        y1="41.5"
        x2="40.5"
        y2="23.5"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#7EE94C" />
        <stop offset="1" stop-color="#7EE94C" stop-opacity="0" />
      </linearGradient>
    </defs>
  </svg>
</template>

<script>
export default {};
</script>
